<template>
  <template-domain :domain="domain" />
</template>
<script setup lang="ts">
import TemplateDomain from "@/components/TemplateDomain/index.vue";
const domain = {
  columns: [
    {
      label: "时间",
      prop: "date"
      // sortable: true
    },
    {
      label: "名字",
      prop: "name"
    },
    {
      label: "地址",
      prop: "address",
      width: "100px",
      showOverflowTooltip: true
    }
  ],
  tableData: [
    {
      date: "2016-05-03",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles"
    },
    {
      date: "2016-05-02",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles"
    },
    {
      date: "2016-05-04",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles"
    },
    {
      date: "2016-05-01",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles"
    }
  ],
  table: {
    tableProperty: {
      // indexMethod: 1
      // defaultSort: { prop: "date", order: "descending" }
    },
    tableEvent: {}
    // tableEvent: {
    //   handleSelectionChange: event => {
    //     console.log("event：", event);
    //   }
    // }
  }
};
</script>
